<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Eric's world of Waffless</title>
    <link rel="stylesheet" type="text/css" href="css/sheet1.css" title="Default">
    <link rel="stylesheet" type="text/css" href="css/bigtext.css" title="Big Title">
    <link rel="stylesheet" type="text/css" href="css/spoken.css" title="Spoken Word">
    <style type="text/css">
        @import url("sheet2.css");
        h1 {
            color: maroon;
        }

        body {
            background: yellow;
        }
        /* There are my styles! Yay! */
    </style>
</head>
<body>
    <h1>Waffles!</h1>
    <p>
        The most wonderful of all bradfast foods is the waffe--a ridged and cratered slab
        of home-cooked, fluffy goodness that makes every child's heart soar with
        joy. And they're so easy to make! Just a simple waffle-maker and some batter,
        and your're ready for a morning of aromatic ecstasy!
    </p>
    <p>
        Lorem ipsum, dolor sit amet, consectetuer adipiscing elit, sed
        dian nonummy nibh...
    </p>
    <pre>
        media:
        all
        aural
        braille
        embossed
        handheld
        print
        projection
        screen
        tty
        tv
    </pre>
</body>
</html>